<template>
	<view>
		<u-navbar title="收入">
			<template #left>
				<view></view>
			</template>
		</u-navbar>
		<view class="srcard">
			<view class="yetext">
				<view class="text1">{{$z.$t("账户余额（元）")}}</view>
				<view class="text2">0.00</view>
			</view>
			<view class="txbtn">{{$z.$t("提现")}}</view>
		</view>
		<view class="txsmbox">
			<view class="title">{{$z.$t("提现说明")}}:</view>
			<view class="text">{{$z.$t("账号余额提现到微信账号或支付宝账号")}}</view>
			<view class="text">
				{{$z.$t("账号余额提现到银行卡需要支付手续费")}}
			</view>
			<view class="text">
				{{$z.$t("绑定或修改提现账号请在工作日")}}
			</view>
		</view>
		<ztabbar></ztabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {},
	};
</script>
<style>
	page {
		background: #efeff4;
	}
</style>
<style lang="scss" scoped>
	.srcard {
		background: #2093f5;
		margin: 10px;
		border-radius: 6px;
		font-size: 16px;
		display: flex;
		align-items: center;
		padding: 30rpx 20rpx;

		.yetext {
			flex: 1;
			color: #ffffff;

			.text1 {
				line-height: 50px;
			}

			.text2 {
				line-height: 60px;
				font-size: 30px;
			}
		}

		.txbtn {
			background: #63b4f8;
			color: #ffffff;
			padding: 6px 12px;
			line-height: 24px;
			font-size: 16px;
			border-radius: 20px;
		}
	}

	.txsmbox {
		background: #ffffff;
		padding: 18px;
	}

	.txsmbox .title {
		font-size: 16px;
		color: #333;
		margin-bottom: 10px;
		/*font-weight: bold;*/
	}

	.txsmbox .text {
		font-size: 14px;
		line-height: 1.3;
		color: #9c9c9c;
		padding-left: 14px;
		position: relative;
		margin-bottom: 8px;
	}

	.txsmbox .text::after {
		content: "";
		position: absolute;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #2093f5;
		left: 0;
		top: 7px;
		/*top: 50%;*/
		/*transform: translateY(-50%);*/
	}
</style>